<template>

    <div class="common-layout">
      <el-container>
        <el-header>
          <div class="headerleft" @click="managevisiable">文章管理</div>
          <div class="headerright" @click="publishvisiable">文章发布</div>
        </el-header>
        <router-view></router-view>
        <!-- <el-footer>Footer</el-footer> -->
      </el-container>
    </div>
  
</template>
<script setup>
  import router from '@/router';
  function managevisiable(){
    router.push("/manage")

    
  }
  function publishvisiable(){
    router.push("/publish")
   
    
  }
</script>
<style lang="scss">
.outer {
  display: flex;
}
.el-header{
  display: flex;
  margin-bottom: 20px;
  div{
    flex: 1;
    text-align: center;
    color: #ffffff;
  }
  .headerleft{
    background-color: #302e2e;
  }
  .headerright{
    background-color: #636060;
  }
}
</style>
